<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
</h:head>
<h:body>

	<ui:composition template="/page/layout/layout.xhtml">
		<ui:define name="title">Datos de salida</ui:define>
		<ui:define name="content">
		<f:metadata>
			<f:event type="preRenderView" listener="#{datosSalidaView.init}" />
		</f:metadata>
		<h:form id="form">

			<h:panelGrid columns="1" width="100%" >
				<h:panelGrid columns="3" id="salidaInfoPanel1" width="50%" style="font-size:11px">
					<h:outputText value="Pais destino" />
					<rich:select id="salidaDestinoPais"
						value="#{datosSalidaView.edited.salidaDestinoPais}"   
						enableManualInput="true" defaultLabel="ingrese el pais"
						required="false">
						<f:selectItems value="#{inplaceSelectBean.paises}"  var="pais"
								itemValue="#{pais}" itemLabel="#{pais}" />
					</rich:select>
					<h:message for="salidaDestinoPais" />
					<h:outputText value="Ciudad destino" />
					<h:inputText id="salidaDestinoCiud"
						value="#{datosSalidaView.edited.salidaDestinoCiud}" size="10"
						required="false">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="salidaDestinoCiud" />
					<h:outputText value="Proxima pais escala" />
					<rich:select id="salidaProximaEscalaPais"
						value="#{datosSalidaView.edited.salidaProximaEscalaPais}" 
						enableManualInput="true" defaultLabel="ingrese el pais"
						required="false">
						<f:selectItems value="#{inplaceSelectBean.paises}"  var="pais"
								itemValue="#{pais}" itemLabel="#{pais}" />
					</rich:select>
					<h:message for="salidaProximaEscalaPais" />
					<h:outputText value="Proxima ciudad escala" />
					<h:inputText id="salidaProximaEscalaCiud"
						value="#{datosSalidaView.edited.salidaProximaEscalaCiud}" size="10"
						required="false">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="salidaProximaEscalaCiud" />
				</h:panelGrid>
			</h:panelGrid>
						
			<a4j:commandButton value="Guardar" execute="form"
					action="#{datosSalidaView.store}" render="form"
					oncomplete="if (#{facesContext.maximumSeverity==null}) {#{rich:component('confirmSelectPane')}.show();}">
			</a4j:commandButton>
		</h:form>



		<a4j:jsFunction name="ocultar" render="table" execute="@this"
				oncomplete="#{rich:component('confirmSelectPane')}.hide();" />

		<rich:popupPanel id="confirmSelectPane" autosized="true">
				Los datos de arribo han sido actualizados correctamente.
			<a4j:commandButton value="Ok" onclick="ocultar(); return true;" />
		</rich:popupPanel>

		</ui:define>
	</ui:composition>

</h:body>
</html>